<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="keyword" content="单车安全帽，单车帽，脚踏车安全帽，单车头盔，自行车头盔">
	<meta name="description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta property="og:title" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:url" content="http://www.kplus-helmet.com/">
	<meta property="og:image" content="http://www.kplus-helmet.com/etc/media/images/fb_share.jpg">
	<meta property="og:site_name" content="KPLUS-专业自行车安全帽品牌：专为亚洲人头型所设计的自行车安全帽，单车安全帽，脚踏车安全帽。">
	<meta property="og:description" content="专业自行车安全帽品牌KPLUS-以提升骑乘安全为本，致力于创新高品质的先进工艺设计。">
	<meta name="google-site-verification" content="f63hofZjqQioZww3XG41yZoxVudN4jRFUkrW8pvjY_I">
	<title>KPLUS-HELMET 官方网站</title>
	<link rel="stylesheet" type="text/css" href="../build/css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../build/css/common.css">
	<link rel="stylesheet" type="text/css" href="../build/css/animate.css">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.carousel.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../vendor/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../build/css/user_cart.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bar">
	<div class="nav fl">
		<a href="product_wall.html">骑行头盔</a>
		<a href="javascript:;">配件系列</a>
		<a href="javascript:;">客制服务</a>
		<a href="javascript:;">KPLUS SELECTION</a>
	</div>
	<div class="kplus_logo fl">
		<a href="../index.html" target="_blank">
			<img src="http://test.agcoo.cn/icon/kplus_logo.jpg">
		</a>
	</div>
	<div class="menu fr">
		<a href="login.html"><i class="iconfont icon-iconfontfuka"></i>会员登录/注册</a>
		<a href="user_cart.html"><i class="iconfont icon-gouwuche1"></i>购物车</a>
		<a href="javascript:;"><i class="iconfont icon-diqiu"></i>繁体中文</a>
	</div>
</div>



<div class="step_box_1 step_box">
	<div class="t_head">
		<div class="title_box fl">
			<h1 class="title">PURCHASE LIST</h1>
			<span class="sub_title">购物车清单</span>
		</div>
		<div class="step_img_box fr">
			<div class="notes">
				<span class="active">确认订单</span>
				<span>填写资料</span>
				<span>前往付款</span>
			</div>
			<div class="step_img"></div>
		</div>
	</div>
	<div class="t_body_box">
		<div class="t_body_head">
			<span class="p_img">产品图片</span>
			<span class="p_name">产品名称</span>
			<span class="p_brand">品牌</span>
			<span class="p_color">颜色</span>
			<span class="p_size">尺寸</span>
			<span class="p_num">数量</span>
			<span class="p_price">单价</span>
			<span class="p_all_pay">金额</span>
			<span class="delete_sp"></span>
		</div>
		<div class="t_body" id="userCartList">
			
		</div>
	</div>
	<div class="t_foot_box">
		<div class="cabinet_box fl">
			
		</div>
		<div class="cabinet_box mlr20 fl">
			
		</div>
		<div class="cabinet_box fl">
			
		</div>
	</div>
	<div class="settlement_bar">
		<span id="" class="money_num fr">NT$ 17,940</span>
		<span class="note fr">总金额</span>
	</div>
	<div class="cut_line"></div>
	<div class="submit_bar">
		<a href="product_wall.html" class="btn kp_btn">
			继续选购其他商品
		</a>
		<a class="btn kp_btn active" id="goStep2">
			前往结账
		</a>
	</div>
	<p class="vip_tips">
		消费可累计金额，享有专属优惠
		<a href="" class="ds_bl">了解更多「会员权利优惠」</a>
	</p>
	
	<div class="vip_dr_box">
		<h2 class="title">会员权利说明</h2>
		<div class="item">
			<img src="http://test.agcoo.cn/img/Web-1920-%E2%80%93-23_03.jpg">
		</div>
		<div class="item mlr20">
			<img src="http://test.agcoo.cn/img/Web-1920-%E2%80%93-23_05.jpg">
		</div>
		<div class="item">
			<img src="http://test.agcoo.cn/img/Web-1920-%E2%80%93-23_07.jpg">
		</div>
	</div>
	
	<div class="resigter_bar">
		<a class="resigter_btn">立即加入会员</a>
	</div>

</div>


<div class="step_box_2 step_box ds_none">
	<div class="t_head">
		<div class="title_box fl">
			<h1 class="title">PURCHASE INFORMATION</h1>
			<span class="sub_title">填写订单资料</span>
		</div>
		<div class="step_img_box fr">
			<div class="notes">
				<span class="active">确认订单</span>
				<span class="active">填写资料</span>
				<span>前往付款</span>
			</div>
			<div class="step_img"></div>
		</div>
	</div>
	<div class="form_box">
		<div class="form_item fl">
			<h3 class="title">订购人资料</h3>
			<span class="sub_title">*必填栏位</span>
			<div class="form">
				<span class="item">
					<input type="text" name="" placeholder="*姓名" class="user_name fl">
					<select class="sex fl">
						<option>称谓</option>
						<option>先生</option>
						<option>女士</option>
					</select>
				</span>
				<span class="item">
					<input type="text" placeholder="*手机号">
				</span>
				<span class="item">
					<input type="email" placeholder="*邮箱">
				</span>
				<span class="item">
					<input type="text" name="" placeholder="*地址">
				</span>
				<span class="item">
					<input type="text" name="" placeholder="家庭电话">
				</span>
				<span class="ds_bl mtb40 v_code">
					<img src="https://kyfw.12306.cn/otn/passcodeNew/getPassCodeNew?module=other&rand=sjrand" class="fl">
					<a href="" class="rel_flash fl">重新产生</a>
				</span>
				<span class="vt_code_box item">
					<input type="text" name="vcode" placeholder="请输入以上验证码" class="fl">
					<a class="btn kp_btn fl" id="goStep3">确认</a>
				</span>
			</div>
		</div>

		<div class="form_item fl mlr90">
			<h3 class="title">收件人资料
				<div class="equrl_btn">
					<span class="slc_btn"></span>
					*同订购人
				</div>
			</h3>
			<span class="sub_title">*必填栏位</span>
			<div class="form">
				<span class="item">
					<input type="text" name="" placeholder="*姓名" class="user_name fl">
					<select class="sex fl">
						<option>称谓</option>
						<option>先生</option>
						<option>女士</option>
					</select>
				</span>
				<span class="item">
					<input type="text" placeholder="*手机号">
				</span>
				<span class="item">
					<input type="email" placeholder="*邮箱">
				</span>
				<span class="item">
					<input type="text" name="" placeholder="*地址">
				</span>
				<span class="item">
					<input type="text" name="" placeholder="家庭电话">
				</span>
			</div>
		</div>

		<div class="form_item fl">
			<h3 class="title">付款方式 <i class="iconfont icon-gantanhao"></i></h3>
			<span class="sub_title"></span>
			<div class="pay_way_box">
				<div class="item fl active">
					<a>
						<i class="iconfont icon-card"></i>
						<span>信用卡</span>
					</a>
				</div>
				<div class="item fl">
					<a>
						<i class="iconfont icon-zhifubao"></i>
						<span>支付宝</span>
					</a>
				</div>
				<div class="item fl">
					<a>
						<i class="iconfont icon-iconzhi02"></i>
						<span>微信支付</span>
					</a>
				</div>
				<div class="item fl">
					<a>
						<i class="iconfont icon-erweima"></i>
						<span>二维码支付</span>
					</a>
				</div>
				<div class="item fl">
					<a>
						<i class="iconfont icon-atmcard"></i>
						<span>ATM-card</span>
					</a>
				</div>
			</div>
			<div class="pay_way_dr">
				<p>注：</p>
				<p>1.超商代收机支持7-ELEVEN、全家、莱尔福、ok、全台10,000家便利超商</p>
				<p class="mt15">2.四大超商条码缴费须备有印表机，并自行列印条码至超商付款。</p>
			</div>



		</div>
		<div class="clearfix"></div>
	</div>	
</div>

<div class="step_box_3 step_box ds_none">
		<div class="t_head">
		<div class="title_box fl">
			<h1 class="title">ORDER REVIEW</h1>
			<span class="sub_title">请再次确认订单明细</span>
		</div>
		<div class="step_img_box fr">
			<div class="notes">
				<span class="active">确认订单</span>
				<span class="active">填写资料</span>
				<span class="active">前往付款</span>
			</div>
			<div class="step_img"></div>
		</div>
	</div>
	<div class="t_body_box">
		<div class="t_body_head">
			<span class="p_img">产品图片</span>
			<span class="p_name">产品名称</span>
			<span class="p_brand">品牌</span>
			<span class="p_color">颜色</span>
			<span class="p_size">尺寸</span>
			<span class="p_num">数量</span>
			<span class="p_price">单价</span>
			<span class="p_all_pay">金额</span>
			<span class="delete_sp"></span>
		</div>
		<div class="t_body" id="confirmUserCartData">
			
		</div>
		<div class="t_foot_box">
			<span class="destination">
				运送至<strong class="" id="">台湾</strong>
				<span class="welfare">满1000免运费</span>
			</span>
			<div class="count_box">
				<div class="discount">
					折扣 -<span id="">NT$ 0</span>
				</div>
				<div class="freight">
					运费 -<span  id="">NT$ 0</span>
				</div>
			</div>
		</div>
		<div class="settlement_bar">
			<span id="" class="money_num fr">NT$ 17,940</span>
			<span class="note fr">总金额</span>
		</div>
	</div>
	<div class="order_payway_info">
		<div class="form_box">
			<div class="form_item fl">
				<h3 class="title">订购人资料</h3>
				<span class="sub_title"></span>
				<div class="row">
					<p class="user_name" id="">王小明</p>
					<p class="sex" id="">先生</p>
				</div>
				<div class="row">
					<p id="">098889898</p>
				</div>
				<div class="row">
					<p id="">kplus@gmail.com</p>
				</div>
				<div class="row">
					<p id="">浙江省宁波市北仑恒山西路688号天旗科技</p>
				</div>
				<div class="row">
					<p id="">202-256985625</p>
				</div>
			</div>
			<div class="form_item fl mlr90">
				<h3 class="title">收件人资料
					<div class="equrl_btn">
						<span class="slc_btn selected"></span>
						*同订购人
					</div>
				</h3>
				<span class="sub_title"></span>
				<div class="row">
					<p class="user_name" id="">王小明</p>
					<p class="sex" id="">先生</p>
				</div>
				<div class="row">
					<p id="">098889898</p>
				</div>
				<div class="row">
					<p id="">kplus@gmail.com</p>
				</div>
				<div class="row">
					<p id="">浙江省宁波市北仑恒山西路688号天旗科技</p>
				</div>
				<div class="row">
					<p id="">202-256985625</p>
				</div>	
			</div>
			<div class="form_item fl">
				<h3 class="title">付款方式</h3>
				<span class="sub_title"></span>
				<div class="pay_way_box" id="">
					<i class="iconfont icon-card"></i>
					<span class="fl" id="">线上刷卡</span>
				</div>
				<div class="pay_way_tip">
					<p class="fl">我们将会根据您的付款方式，<br>将您导致合作的金流服务网站</p>
					<div class="pay_web_img fl">
						<img src="http://test.agcoo.cn/img/Web-1920-%E2%80%93-23_03.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	<a class="pay_btn kp_btn" id="payOrder">确认前往付款</a>
</div>





<div class="footer">
	<div class="inner_box">
		<div class="list_links fl fstyle_TradeGothicLT">
			<ul class="link_item">
				<li class="title">ABOUT KPLUS</li>
				<li><a href="">品牌理念</a></li>
				<li><a href="">PLUS IN</a></li>
				<li><a href="">最新消息</a></li>
				<li><a href="">玩家见证</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">GET HELP</li>
				<li><a href="">出货与寄送</a></li>
				<li><a href="">退换货处理</a></li>
				<li><a href="">会员机制</a></li>
				<li><a href="">问与答</a></li>
				<li><a href="">尺寸表</a></li>
			</ul>
			<ul class="link_item">
				<li class="title">CONUACT US</li>
				<li><a href="">联络我们</a></li>
				<li><a href="">销售据点</a></li>
			</ul>
		</div>
		<div class="sign_news_box fl fstyle_TradeGothicLT">
			<h3 >订阅我们获得最新消息</h3>
			<span class="sub_title">SING UP FOR KPLUS NEWS</span>
			<form class="">
				<label>
					<input type="text" style="display:none" />
					<input type="text" name="email" id="address" placeholder="Email Address" class="fl">
				</label>
				<label>
					<input type="button" name="button" class="btn fl" id="signUp" value="SUBSCRIBE">
				</label>
			</form>
		</div>
		<div class="friend_links fl">
			<div class="share_box">
				<a href="" class="icon"><i class="iconfont icon-instargam"></i></a>
				<a href="" class="icon"><i class="iconfont icon-facebookf"></i></a>
			</div>
			<span class="copy_right"><i class="iconfont icon-ic_copyright_px"></i> KPLUS 2017</span>
		</div>
	</div>
</div>
<script type="text/javascript" src="../vendor/jquery-1.9.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/layer/3.1.0/theme/default/layer.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
<script type="text/javascript" src="../build/js/common.js"></script>
<script type="text/javascript">
	//拉取用户购物车数据
	getProductCart()

	//页面功能
	$('#goStep2').on('click', function(){
		$('.step_box_2').removeClass('ds_none');
		$('.step_box_1').addClass('ds_none');
		$('.step_box_3').addClass('ds_none');
	})
	$('.pay_way_box .item').on('click', function(){
		$(this).addClass('active').siblings().removeClass('active');
	})
	$('#goStep3').on('click', function(){
		$('.step_box_2').addClass('ds_none');
		$('.step_box_1').addClass('ds_none');
		$('.step_box_3').removeClass('ds_none');
	})
	//删除购物车项目
	$('#userCartList').on('click', '.item .delete_btn', function(){
		var condition_code = $(this).attr('data-pc');

		deleteUserCartPro({conditionCode: condition_code});


	})
	//付款
	$('#payOrder').on('click', function(){

		sendUserOrder()

	})



</script>	

</body> 
</html>